﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
	<title>Itunes store-like banner using Jquery Demo</title>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <link  href="Styles/style.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
	<script type="text/javascript" src="Scripts/animation.js"></script>
	<script type="text/javascript">
function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}
    </script>
    
    
<script type="text/javascript" charset="utf-8" src="Scripts/web-storefront-base.jsz"></script>
<script type="text/javascript" charset="utf-8" src="Scripts/web-storefront-preview.jsz"></script>

</head>
<body>
<div id="topbar">
		<ul>
        	<li><a href="#"><img src="images/icon_home.png" alt="" width="13" height="13" /></a></li>
            <li><a href="#">App Store</a></li>
            <li><a href="#">Giới thiệu</a></li>
            <li><a href="#">Hướng dẫn</a></li>
            <li><a href="#">Tin tức</a></li>
            <li><a href="#">Liên hệ</a></li>
        </ul>
</div>
<!-- topbar end-->

<div id="web-space">
    <div id="feature-itunes">
        <div id="block-itunes">
            <div id="blockA"><!-- Block A for large image-->
             <a href="#largeimage">
              <!-- large Image is added here -->
             </a>
              </div>
                <div id="itune_images">
                    <div id="blockB"> <!-- Block B for small Images-->
                        <a href="#image1">
                            <img src="banners/awork_small.png" alt="" class="min"  />
                        </a>
                        
                        <a href="#image2">
                            <img src="banners/ragdoll_small.png" alt="" class="min"  />
                        </a>
                        
                        <a href="#image3">
                            <img src="banners/great_small.png" alt="" class="min"  />
                        </a>
                        
                        <a href="#image4">
                            <img src="banners/camera_small.png" alt="" class="min"  />
                        </a>
        
                    </div>
                </div>
                <button type="button" id="bi-button"></button>
            </div>
            
            <!-- app draw-->
            <div id="appdraw">
    			
               
               <div id="main">
    <div id="desktopContentBlockId" class="platform-content-block display-block">
      <div id="content">
        <div class="padder">
          <div class="center-stack">
		  
	<div metrics-loc="Swoosh_" rows="1" class="home-normal-box swoosh lockup-container application large screenshots">
	  <div class="title"><h2>Ứng dụng mới</h2>
      <div id="seeall"><a href="#">Xem tất cả</a></div>
      </div>
	 <div class="toggle">
						<div metrics-loc="iPhone" num-items="12" class="content iphone-screen-shots items5">
							<div style="width: 1725px; " class="image-wrapper">
								<div class="lockup">
								
								<table width="100%" border="0" cellpadding="2" cellspacing="2" id="tbl-home-apps">
	  <tr>
		<td width="100px">
			<div class="img"><a href="#"><img src="images/demo1.jpg" alt="" width="75" height="75" /></a></div>
			<a href=""><h2>SmartBear for iPhone of the Ring</h2>
			<h3 class="cat">Games</h3></a>
		</td>
		 <td width="100px">
			<div class="img"><a href="#"><img src="images/demo2.jpg" alt="" width="75" height="75" /></a></div>
			<a href=""><h2>SmartBear for iPhone</h2>
			<h3 class="cat">Games</h3></a>
		</td>
		 <td width="100px">
			<div class="img"><a href="#"><img src="images/demo3.jpg" alt="" width="75" height="75" /></a></div>
			<a href=""><h2>SmartBear for iPhone</h2>
			<h3 class="cat">Games</h3></a>
		</td>
		 <td width="100px">
			<div class="img"><a href="#"><img src="images/demo4.jpg" alt="" width="75" height="75" /></a></div>
			<a href=""><h2>SmartBear for iPhone</h2>
			<h3 class="cat">Games</h3></a>
		</td>
		 <td width="100px">
			<div class="img"><a href="#"><img src="images/demo5.jpg" alt="" width="75" height="75" /></a></div>
			<a href=""><h2>SmartBear for iPhone</h2>
			<h3>Productivity</h3></a>
		</td>
		 <td width="100px">
			<div class="img"><a href="#"><img src="images/demo6.jpg" alt="" width="75" height="75" /></a></div>
			<a href=""><h2>SmartBear for iPhone</h2>
			<h3>Lifestyle</h3></a>
		</td>
		 <td width="100px">
			<div class="img"><a href="#"><img src="images/demo7.jpg" alt="" width="75" height="75" /></a></div>
			<a href=""><h2>SmartBear for iPhone</h2>
			<h3 class="cat">Games</h3></a>
		</td>
		 <td width="100px"><div class="img"><a href="#"><img src="images/demo2.jpg" alt="" width="75" height="75" /></a></div>
		   <a href="">
			 <h2>SmartBear for iPhone</h2>
			 <h3>Entertainment</h3>
		   </a></td>
		 <td width="100px"><div class="img"><a href="#"><img src="images/demo2.jpg" alt="" width="75" height="75" /></a></div>
		   <a href="">
			 <h2>SmartBear for iPhone</h2>
			 <h3>Entertainment</h3>
		   </a></td>
		 <td width="100px"><div class="img"><a href="#"><img src="images/demo2.jpg" alt="" width="75" height="75" /></a></div>
		   <a href="">
			 <h2>SmartBear for iPhone</h2>
			 <h3>Entertainment</h3>
		   </a></td>
		 <td width="100px"><div class="img"><a href="#"><img src="images/demo2.jpg" alt="" width="75" height="75" /></a></div>
		   <a href="">
			 <h2>SmartBear for iPhone</h2>
			 <h3>Entertainment</h3>
		   </a></td>
		 <td width="100px"><div class="img"><a href="#"><img src="images/demo2.jpg" alt="" width="75" height="75" /></a></div>
		   <a href="">
			 <h2>SmartBear for iPhone</h2>
			 <h3>Entertainment</h3>
		   </a></td>
	  </tr>
	  <tr>
		<td width="100px">
			<div class="img"><a href="#"><img src="images/demo1.jpg" alt="" width="75" height="75" /></a></div>
			<a href=""><h2>SmartBear for iPhone</h2>
			<h3 class="cat">Games</h3></a>
		</td>
		 <td width="100px">
			<div class="img"><a href="#"><img src="images/demo2.jpg" alt="" width="75" height="75" /></a></div>
			<a href=""><h2>SmartBear for iPhone</h2>
			<h3 class="cat">Games</h3></a>
		</td>
		 <td width="100px">
			<div class="img"><a href="#"><img src="images/demo3.jpg" alt="" width="75" height="75" /></a></div>
			<a href=""><h2>SmartBear for iPhone</h2>
			<h3 class="cat">Games</h3></a>
		</td>
		 <td width="100px">
			<div class="img"><a href="#"><img src="images/demo4.jpg" alt="" width="75" height="75" /></a></div>
			<a href=""><h2>SmartBear for iPhone</h2>
			<h3 class="cat">Games</h3></a>
		</td>
		 <td width="100px">
			<div class="img"><a href="#"><img src="images/demo5.jpg" alt="" width="75" height="75" /></a></div>
			<a href=""><h2>SmartBear for iPhone</h2>
			<h3>Productivity</h3></a>
		</td>
		 <td width="100px">
			<div class="img"><a href="#"><img src="images/demo6.jpg" alt="" width="75" height="75" /></a></div>
			<a href=""><h2>SmartBear for iPhone</h2>
			<h3>Lifestyle</h3></a>
		</td>
		 <td width="100px">
			<div class="img"><a href="#"><img src="images/demo7.jpg" alt="" width="75" height="75" /></a></div>
			<a href=""><h2>SmartBear for iPhone</h2>
			<h3 class="cat">Games</h3></a>
		</td>
		 <td width="100px"><div class="img"><a href="#"><img src="images/demo2.jpg" alt="" width="75" height="75" /></a></div>
		   <a href="">
			 <h2>SmartBear for iPhone</h2>
			 <h3>Entertainment</h3>
		   </a></td>
		 <td width="100px"><div class="img"><a href="#"><img src="images/demo2.jpg" alt="" width="75" height="75" /></a></div>
		   <a href="">
			 <h2>SmartBear for iPhone</h2>
			 <h3>Entertainment</h3>
		   </a></td>
		 <td width="100px"><div class="img"><a href="#"><img src="images/demo2.jpg" alt="" width="75" height="75" /></a></div>
		   <a href="">
			 <h2>SmartBear for iPhone</h2>
			 <h3>Entertainment</h3>
		   </a></td>
		 <td width="100px"><div class="img"><a href="#"><img src="images/demo2.jpg" alt="" width="75" height="75" /></a></div>
		   <a href="">
			 <h2>SmartBear for iPhone</h2>
			 <h3>Entertainment</h3>
		   </a></td>
		 <td width="100px"><div class="img"><a href="#"><img src="images/demo2.jpg" alt="" width="75" height="75" /></a></div>
		   <a href="">
			 <h2>SmartBear for iPhone</h2>
			 <h3>Entertainment</h3>
		   </a></td>
	  </tr>
	  
	</table>

								
								</div>
								
						  </div>
						</div>
			  </div>

	</div> 



      
                <!-- END TABLE-->
                
                <div id="ad-banner">
                	<ul>
                    	<li><a href="#"><img src="images/b1.png" alt="" width="137" height="99" /></a></li>
                        <li><a href="#"><img src="images/b2.png" alt="" width="137" height="99" /></a></li>
                        <li><a href="#"><img src="images/b3.png" alt="" width="137" height="99" /></a></li>
                        <li><a href="#"><img src="images/b4.png" alt="" width="137" height="99" /></a></li>
                        <li><a href="#"><img src="images/b5.png" alt="" width="137" height="99" /></a></li>
                        <li><a href="#"><img src="images/b1.png" alt="" width="137" height="99" /></a></li>
                    </ul>
                    <div id="clear"></div>
                </div>
                
                <!-- end AD BANNER -->
				
<div metrics-loc="Swoosh_" rows="1" class="home-normal-box swoosh lockup-container application large screenshots">
  <div class="title"><h2>Ứng dụng chọn lọc</h2>
      <div id="seeall"><a href="#">Xem tất cả</a></div>
      </div>
 <div class="toggle">
					<div metrics-loc="iPhone" num-items="12" class="content iphone-screen-shots items5">
						<div style="width: 1725px; " class="image-wrapper">
							<div class="lockup">
                            
                            <table width="100%" border="0" cellpadding="2" cellspacing="2" id="tbl-home-apps">
  <tr>
    <td width="100px">
    	<div class="img"><a href="#"><img src="images/demo1.jpg" alt="" width="75" height="75" /></a></div>
        <a href=""><h2>SmartBear for iPhone of the Ring</h2>
        <h3 class="cat">Games</h3></a>
    </td>
     <td width="100px">
    	<div class="img"><a href="#"><img src="images/demo2.jpg" alt="" width="75" height="75" /></a></div>
        <a href=""><h2>SmartBear for iPhone</h2>
        <h3 class="cat">Games</h3></a>
    </td>
     <td width="100px">
    	<div class="img"><a href="#"><img src="images/demo3.jpg" alt="" width="75" height="75" /></a></div>
        <a href=""><h2>SmartBear for iPhone</h2>
        <h3 class="cat">Games</h3></a>
    </td>
     <td width="100px">
    	<div class="img"><a href="#"><img src="images/demo4.jpg" alt="" width="75" height="75" /></a></div>
        <a href=""><h2>SmartBear for iPhone</h2>
        <h3 class="cat">Games</h3></a>
    </td>
     <td width="100px">
    	<div class="img"><a href="#"><img src="images/demo5.jpg" alt="" width="75" height="75" /></a></div>
        <a href=""><h2>SmartBear for iPhone</h2>
        <h3>Productivity</h3></a>
    </td>
     <td width="100px">
    	<div class="img"><a href="#"><img src="images/demo6.jpg" alt="" width="75" height="75" /></a></div>
        <a href=""><h2>SmartBear for iPhone</h2>
        <h3>Lifestyle</h3></a>
    </td>
     <td width="100px">
    	<div class="img"><a href="#"><img src="images/demo7.jpg" alt="" width="75" height="75" /></a></div>
        <a href=""><h2>SmartBear for iPhone</h2>
        <h3 class="cat">Games</h3></a>
    </td>
     <td width="100px"><div class="img"><a href="#"><img src="images/demo2.jpg" alt="" width="75" height="75" /></a></div>
       <a href="">
         <h2>SmartBear for iPhone</h2>
         <h3>Entertainment</h3>
       </a></td>
     <td width="100px"><div class="img"><a href="#"><img src="images/demo2.jpg" alt="" width="75" height="75" /></a></div>
       <a href="">
         <h2>SmartBear for iPhone</h2>
         <h3>Entertainment</h3>
       </a></td>
     <td width="100px"><div class="img"><a href="#"><img src="images/demo2.jpg" alt="" width="75" height="75" /></a></div>
       <a href="">
         <h2>SmartBear for iPhone</h2>
         <h3>Entertainment</h3>
       </a></td>
     <td width="100px"><div class="img"><a href="#"><img src="images/demo2.jpg" alt="" width="75" height="75" /></a></div>
       <a href="">
         <h2>SmartBear for iPhone</h2>
         <h3>Entertainment</h3>
       </a></td>
     <td width="100px"><div class="img"><a href="#"><img src="images/demo2.jpg" alt="" width="75" height="75" /></a></div>
       <a href="">
         <h2>SmartBear for iPhone</h2>
         <h3>Entertainment</h3>
       </a></td>
  </tr>
  <tr>
    <td width="100px">
    	<div class="img"><a href="#"><img src="images/demo1.jpg" alt="" width="75" height="75" /></a></div>
        <a href=""><h2>SmartBear for iPhone</h2>
        <h3 class="cat">Games</h3></a>
    </td>
     <td width="100px">
    	<div class="img"><a href="#"><img src="images/demo2.jpg" alt="" width="75" height="75" /></a></div>
        <a href=""><h2>SmartBear for iPhone</h2>
        <h3 class="cat">Games</h3></a>
    </td>
     <td width="100px">
    	<div class="img"><a href="#"><img src="images/demo3.jpg" alt="" width="75" height="75" /></a></div>
        <a href=""><h2>SmartBear for iPhone</h2>
        <h3 class="cat">Games</h3></a>
    </td>
     <td width="100px">
    	<div class="img"><a href="#"><img src="images/demo4.jpg" alt="" width="75" height="75" /></a></div>
        <a href=""><h2>SmartBear for iPhone</h2>
        <h3 class="cat">Games</h3></a>
    </td>
     <td width="100px">
    	<div class="img"><a href="#"><img src="images/demo5.jpg" alt="" width="75" height="75" /></a></div>
        <a href=""><h2>SmartBear for iPhone</h2>
        <h3>Productivity</h3></a>
    </td>
     <td width="100px">
    	<div class="img"><a href="#"><img src="images/demo6.jpg" alt="" width="75" height="75" /></a></div>
        <a href=""><h2>SmartBear for iPhone</h2>
        <h3>Lifestyle</h3></a>
    </td>
     <td width="100px">
    	<div class="img"><a href="#"><img src="images/demo7.jpg" alt="" width="75" height="75" /></a></div>
        <a href=""><h2>SmartBear for iPhone</h2>
        <h3 class="cat">Games</h3></a>
    </td>
     <td width="100px"><div class="img"><a href="#"><img src="images/demo2.jpg" alt="" width="75" height="75" /></a></div>
       <a href="">
         <h2>SmartBear for iPhone</h2>
         <h3>Entertainment</h3>
       </a></td>
     <td width="100px"><div class="img"><a href="#"><img src="images/demo2.jpg" alt="" width="75" height="75" /></a></div>
       <a href="">
         <h2>SmartBear for iPhone</h2>
         <h3>Entertainment</h3>
       </a></td>
     <td width="100px"><div class="img"><a href="#"><img src="images/demo2.jpg" alt="" width="75" height="75" /></a></div>
       <a href="">
         <h2>SmartBear for iPhone</h2>
         <h3>Entertainment</h3>
       </a></td>
     <td width="100px"><div class="img"><a href="#"><img src="images/demo2.jpg" alt="" width="75" height="75" /></a></div>
       <a href="">
         <h2>SmartBear for iPhone</h2>
         <h3>Entertainment</h3>
       </a></td>
     <td width="100px"><div class="img"><a href="#"><img src="images/demo2.jpg" alt="" width="75" height="75" /></a></div>
       <a href="">
         <h2>SmartBear for iPhone</h2>
         <h3>Entertainment</h3>
       </a></td>
  </tr>
  
</table>

							
							</div>
							
					  </div>
					</div>
		  </div>

</div> 
				
          </div>
        </div> 
      </div>
    </div>
</div>
               



                
	  </div>
    </div>   
    
    <!-- menu -->
    <div id="sidebar">
        <div id="quickbox">
        	<h2 class="title-blue">APP STORE QUICK LINKS</h2>
            <div id="context">
            	<form id="quickselectlink">
            	  <select name="jumpMenu" id="jumpMenu" onchange="MM_jumpMenu('parent',this,0)">
            	    <option value="#" selected="selected">Tất cả thể loại</option>
            	    <option value="#1">Sách</option>
            	    <option value="#">Trò chơi</option>
            	    <option value="#">Doanh nghiệp</option>
            	    <option value="#">Giải trí</option>
            	    <option value="#">Giáo dục</option>
            	    <option value="#">Âm nhạc</option>
          	    </select>
          	  </form>
<ul id="menulist">
<li><a href="#">Apps hay của tuần</a></li>	
                    <li><a href="#">Game hay của tuần</a></li>	
                    <li><a href="#">Ứng dụng đang hot</a></li>	
                    <li><a href="#">App bình chọn nhiều</a></li>
    <li><a href="#">App dành cho người mới sử dụng</a></li>	
                    <li><a href="#">Đã thanh toán <img src="images/icon_new.png" alt="" width="28" height="14" align="absbottom"/></a></li>	
                    <li><a href="#">Tin tức</a></li>	
                </ul>
                 <div id="clear"></div>
            </div>
        </div>
        <!-- end quick box-->
        
        <div id="minibox">
        	<h2 class="title-blue">TOP CHARTS</h2>
            <!-- SUBMENU-->
      <div class="submenu">
            	<a href="#" class="title">Paid Apps</a>
                <a href="#" class="more">Tất cả</a>
                <div id="clear"></div>
            </div>
            
          	<div id="top-img-app"><a href="#"><img src="images/demo2.jpg" alt="" width="75" height="75" class="img" /></a></div>
             
          <table width="100%" border="0" cellpadding="0" cellspacing="0" id="tbl-top-app">
  <tr>
    <td width="25px" align="right" valign="top" class="num">1.</td>
    <td><a href="#">
                    	<h2>Where's My Water?</h2>
                        <h3 class="cat">Games</h3></a></td>
    <td>&nbsp;</td>
  </tr>
</table>
          <table width="100%" border="0" cellpadding="0" cellspacing="0" id="tbl-top-app">
  <tr>
    <td width="25px" align="right" valign="top" class="num">2.</td>
    <td><a href="#">
                    	<h2>Tank Hero</h2>
                        <h3 class="cat">Games</h3></a></td>
    <td>&nbsp;</td>
  </tr>
</table>
          <table width="100%" border="0" cellpadding="0" cellspacing="0" id="tbl-top-app">
  <tr>
    <td width="25px" align="right" valign="top" class="num">3.</td>
    <td><a href="#">
                    	<h2>Cut the Rope</h2>
                        <h3 class="cat">Games</h3></a></td>
    <td>&nbsp;</td>
  </tr>
</table>
          <table width="100%" border="0" cellpadding="0" cellspacing="0" id="tbl-top-app">
  <tr>
    <td width="25px" align="right" valign="top" class="num">4.</td>
    <td><a href="#">
                    	<h2>Angry Bird</h2>
                        <h3 class="cat">Games</h3></a></td>
    <td>&nbsp;</td>
  </tr>
</table>
          <table width="100%" border="0" cellpadding="0" cellspacing="0" id="tbl-top-app">
  <tr>
    <td width="25px" align="right" valign="top" class="num">5.</td>
    <td><a href="#">
                    	<h2>Ice Rage</h2>
                        <h3 class="cat">Games</h3></a></td>
    <td>&nbsp;</td>
  </tr>
</table>
          <table width="100%" border="0" cellpadding="0" cellspacing="0" id="tbl-top-app">
  <tr>
    <td width="25px" align="right" valign="top" class="num">6.</td>
    <td><a href="#">
                    	<h2>Fruit Ninja</h2>
                        <h3 class="cat">Games</h3></a></td>
    <td>&nbsp;</td>
  </tr>
</table>
          <table width="100%" border="0" cellpadding="0" cellspacing="0" id="tbl-top-app">
  <tr>
    <td width="25px" align="right" valign="top" class="num">7.</td>
    <td><a href="#">
                    	<h2>TETRIS</h2>
                        <h3 class="cat">Games</h3></a></td>
    <td>&nbsp;</td>
  </tr>
</table>


			<!-- SUBMENU-->
      <div class="submenu2">
            	<a href="#" class="title">Free Apps</a>
                <a href="#" class="more">Tất cả</a>
                <div id="clear"></div>
            </div>
            
          	<div id="top-img-app"><a href="#"><img src="images/demo5.jpg" alt="" width="75" height="75" class="img" /></a></div>
            
             <table width="100%" border="0" cellpadding="0" cellspacing="0" id="tbl-top-app">
  <tr>
    <td width="25px" align="right" valign="top" class="num">1.</td>
    <td><a href="#">
                    	<h2>Where's My Water?</h2>
                        <h3 class="cat">Games</h3></a></td>
    <td>&nbsp;</td>
  </tr>
</table>
          <table width="100%" border="0" cellpadding="0" cellspacing="0" id="tbl-top-app">
  <tr>
    <td width="25px" align="right" valign="top" class="num">2.</td>
    <td><a href="#">
                    	<h2>Tank Hero</h2>
                        <h3 class="cat">Games</h3></a></td>
    <td>&nbsp;</td>
  </tr>
</table>
          <table width="100%" border="0" cellpadding="0" cellspacing="0" id="tbl-top-app">
  <tr>
    <td width="25px" align="right" valign="top" class="num">3.</td>
    <td><a href="#">
                    	<h2>Cut the Rope</h2>
                        <h3 class="cat">Games</h3></a></td>
    <td>&nbsp;</td>
  </tr>
</table>
          <table width="100%" border="0" cellpadding="0" cellspacing="0" id="tbl-top-app">
  <tr>
    <td width="25px" align="right" valign="top" class="num">4.</td>
    <td><a href="#">
                    	<h2>Angry Bird</h2>
                        <h3 class="cat">Games</h3></a></td>
    <td>&nbsp;</td>
  </tr>
</table>
          <table width="100%" border="0" cellpadding="0" cellspacing="0" id="tbl-top-app">
  <tr>
    <td width="25px" align="right" valign="top" class="num">5.</td>
    <td><a href="#">
                    	<h2>Ice Rage</h2>
                        <h3 class="cat">Games</h3></a></td>
    <td>&nbsp;</td>
  </tr>
</table>
          <table width="100%" border="0" cellpadding="0" cellspacing="0" id="tbl-top-app">
  <tr>
    <td width="25px" align="right" valign="top" class="num">6.</td>
    <td><a href="#">
                    	<h2>Fruit Ninja</h2>
                        <h3 class="cat">Games</h3></a></td>
    <td>&nbsp;</td>
  </tr>
</table>
          <table width="100%" border="0" cellpadding="0" cellspacing="0" id="tbl-top-app">
  <tr>
    <td width="25px" align="right" valign="top" class="num">7.</td>
    <td><a href="#">
                    	<h2>TETRIS</h2>
                        <h3 class="cat">Games</h3></a></td>
    <td>&nbsp;</td>
  </tr>
</table>
          <div id="clear"></div>
           
        </div>
        
        
        
    </div>
    
    <div id="clear"></div>
    
    
    
          <div id="location">
          	<ul>
            	<li><a href="#">iTunes Store</a> <img src="images/arrow_location.png" alt="" width="11" height="31" align="absmiddle"/></li>
                <li><a href="#">App Store</a></li>
            </ul>
          </div>
          
          <!-- end location-->
          
          <div id="support-menu">
          		<div id="sblock">
                	<h2>Explore</h2>
                    <ul>
                    	<li><a href="#">Music</a></li>
                        <li><a href="#">Movies</a></li>
                        <li><a href="#">TV Shows</a></li>
                        <li><a href="#">App Store</a></li>
                        <li><a href="#">Books</a></li>
                        <li><a href="#">PodCasts</a></li>
                        <li><a href="#">iTunes Match</a></li>
                    </ul>
                </div>
                
                <div id="sblock">
                	<h2>Explore</h2>
                    <ul>
                    	<li><a href="#">Music</a></li>
                        <li><a href="#">Movies</a></li>
                        <li><a href="#">TV Shows</a></li>
                        <li><a href="#">App Store</a></li>
                        <li><a href="#">Books</a></li>
                        <li><a href="#">PodCasts</a></li>
                        <li><a href="#">iTunes Match</a></li>
                    </ul>
                </div>
                
                
                <div id="sblock">
                	<h2>Explore</h2>
                    <ul>
                    	<li><a href="#">Music</a></li>
                        <li><a href="#">Movies</a></li>
                        <li><a href="#">TV Shows</a></li>
                        <li><a href="#">App Store</a></li>
                        <li><a href="#">Books</a></li>
                        <li><a href="#">PodCasts</a></li>
                        <li><a href="#">iTunes Match</a></li>
                    </ul>
                </div>
                
                 <div id="sblock">
                	<h2>Explore</h2>
                    <ul>
                    	<li><a href="#">Music</a></li>
                        <li><a href="#">Movies</a></li>
                        <li><a href="#">TV Shows</a></li>
                        <li><a href="#">App Store</a></li>
                        <li><a href="#">Books</a></li>
                        <li><a href="#">PodCasts</a></li>
                        <li><a href="#">iTunes Match</a></li>
                    </ul>
                </div>
                
                 <div id="sblock">
                	<h2>Explore</h2>
                    <ul>
                    	<li><a href="#">Music</a></li>
                        <li><a href="#">Movies</a></li>
                        <li><a href="#">TV Shows</a></li>
                        <li><a href="#">App Store</a></li>
                        <li><a href="#">Books</a></li>
                        <li><a href="#">PodCasts</a></li>
                        <li><a href="#">iTunes Match</a></li>
                    </ul>
                </div>
                
          </div>
          <div id="clear"></div>
          <!-- footer text-->
          <div id="footext">
          	Copyright &copy; 2012 Apple Inc. All rights reserved. Privacy Policy | Terms and Coditions
          </div>
          
    
</div> 
    
     <div id="clear"> </div>
 


 

 
</body>

</html>
